<template>
    <view class="bg-[#EAEAEA] min-h-screen">
        <view class="py-[20rpx] mx-[30rpx] flex items-center">
            <u-search disabled bgColor="#fff" class="flex-1" :showAction="false" placeholder="搜索"
                v-model="course"></u-search>
            <view @click="navigateTo('/pages/addAuthorization/addAuthorization')" class="text-[#FD775D] ml-2">+新增授权
            </view>
        </view>
        <view class="bg-white mx-[30rpx] text-[30rpx] px-[30rpx] py-[20rpx] rounded-lg font-medium">
            <view class="flex justify-between items-center border-b border-[#EFEFEF]">
                <view>
                    <view>
                        <text>张三</text>
                        <text>13888888888</text>
                    </view>
                    <view class="mt-[20rpx]">
                        <text>授权范围：</text>
                        <text>青秀区</text>
                    </view>
                </view>
                <u-checkbox activeColor="#FD775D" label="" name="1"></u-checkbox>
            </view>
            <view class="py-[20rpx] border-b border-[#EFEFEF] flex flex-col items-center">
                <view @click="navigateTo('/pages/teachingQuantityStatistics/teachingQuantityStatistics')"
                    class="w-[452rpx] h-[110rpx] rounded-[167rpx] flex items-center justify-center mt-[20rpx] text-[#FD775D] bg-[#ffe3df]">
                    教学数据统计</view>
                <view @click="navigateTo('/pages/courseDataManagement/courseDataManagement')"
                    class="w-[452rpx] h-[110rpx] rounded-[167rpx] flex items-center justify-center mt-[20rpx] text-[#FD775D] bg-[#ffe3df]">
                    课程数据管理</view>
                <view @click="navigateTo('/pages/communityStatistics/communityStatistics')"
                    class="w-[452rpx] h-[110rpx] rounded-[167rpx] flex items-center justify-center mt-[20rpx] text-[#FD775D] bg-[#ffe3df]">
                    社区统计</view>
            </view>
            <view class="py-[20rpx]">时间：</view>


        </view>
        <view class=" fixed bottom-0 bg-white pt-[8rpx] pb-[12rpx] w-full">
            <view class="mt-[10rpx] flex justify-center">
                <view
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    解除授权</view>
            </view>
            <view :style="{ height: iosHight + 'rpx' }"></view>
        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'
const course = ref('')
const iosHight = ref(0)
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
const systemInfo = uni.getSystemInfoSync();
if (systemInfo.platform === 'ios') {
    iosHight.value = 50
} else {
    iosHight.value = 0
}
</script>